<template>
  <div class="fund">
    <div class="title">
      <p>项目基金</p>
    </div>
    <div class="title2">
      <p>
        【汇总】国家杰出青年科学基金、国家自然科学基金重点和国家重点研发等项目150余项
      </p>
      <p style="margin-left: 350px;margin-top: 10px;">2021-07-16 11:22</p>
    </div>
    <div class="content">
      <p style="text-decoration: underline rgb(68, 114, 196) 3px;">在研基金：</p>
      <p v-for="(item, index) in search" :key="index">{{ index+1 }}.{{ item.content }}</p>
      <p style="text-decoration: underline rgb(68, 114, 196) 3px;">已结题基金：</p>
      <p v-for="(item, index) in nosearch" :key="index">{{ index+1 }}.{{ item.content }}</p>
    </div>
  </div>
</template>

<script>
import { getFundNoSearch, getFundSearch } from '@/api/publicSearch';
export default {
  name: "fundView",
  data(){
    return{
      //在研基金
      search: [],
      //结题基金
      nosearch: [],
    }
  },
  mounted(){
    getFundSearch().then((res)=>{
      this.search = res.data.data;
    });
    getFundNoSearch().then((res)=>{
      this.nosearch = res.data.data;
    })

  }
};
</script>

<style lang="scss" scoped>
@import "../css/character.scss";
@import "../css/common.scss";
.fund {
  width: 98%;
  .title {
    font-family: #{$about_page_font_family};
    font-size: #{$about_page_font_size}px;
    text-align: left;
    font-size: #{$first_font_size};
    font-weight: #{$first_font_weight};
    margin-top: #{$first_titile_top}px;
    margin-left: #{$first_titile_left}px;
    margin-bottom: #{$first_titile_bottom}px;
    color: rgb(89, 89, 89);
    text-decoration: underline rgb(68, 114, 196) 3px;
  }

  .title2 {
    font-family: #{$about_page_font_family};
    font-size: #{$about_page_font_size}px;
    text-align: left;
    font-size: #{$first_font_size};
    font-weight: #{$first_font_weight};
    margin-top: #{$first_titile_top}px;
    margin-left: 20%;
    margin-bottom: #{$first_titile_bottom}px;
    color: rgb(89, 89, 89);
  }

  .content {
    text-align: left;
    // 开头间隔
    text-indent: 20px;
    font-size: #{$second_font_size};
    font-weight: #{$second_font_weight};
    margin-top: #{$first_titile_top}px;
    margin-left: #{$second_titile_left}px;
    margin-bottom: #{$second_titile_bottom}px;
    line-height: #{$about_page_prg}px;
    // p{
    //     margin-bottom: 20px;
    // }
  }
}
</style>
